<!doctype html>
<html>
<head>
<meta charset="utf-8">
<!-- verificar se a variável css existe -->
<link rel="stylesheet" type="text/css" href="{$smarty.const.CSS}validationEngine.jquery.css" />
<link rel="stylesheet" type="text/css" href="{$smarty.const.CSS}style.css" />

<script type="text/javascript" src="{$smarty.const.JS}jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="{$smarty.const.JS}jquery.validationEngine.js"></script>
<script type="text/javascript" src="{$smarty.const.JS}jquery.maskedinput.min.js"></script>
<script type="text/javascript" src="{$smarty.const.JS}languages/jquery.validationEngine-pt_BR.js"></script>
<script type="text/javascript">
	$(document).ready(function() {
        $('#formLogin').validationEngine();
		$('#formCadastro').validationEngine();
		$('#formContato').validationEngine();
		$('#formEditContato').validationEngine();
		$('#cel').mask('(99) 9999-9999');
		$('#tel').mask('(99) 9999-9999');
    });
</script>
<title>{$titulo}</title>
</head>

<body>
<div id="container">
 <img src="{$smarty.const.IMG}sun.png" alt="sunshine" />
 <div id="main">
  <header>
   <div id="logo">
    <div id="logo_text">
     <h1><a href="{$smarty.const.INDEX}">Código<span class="logo_colour">GM</span></a></h1>
     <h2>Desenvolvimento de Aplicações Web</h2>
    </div><!-- logo_text -->
    <div id="logo_text2">
      <h3>Agenda Virtual</h3>
      <h4>Lista de contatos</h4>
    </div>
   </div><!-- fim div logo -->
   <nav>
    <ul class="sf-menu" id="nav">
     <li><a href="{$smarty.const.AGENDA}">Minha Agenda</a></li>
{if $smarty.session.logged eq 1}
	<li><a href="{$smarty.const.LOGOUT}">Sair</a></li>
    <li><a href="{$smarty.const.PERFIL}">Meu Perfil</a></li>
{else}
	<li><a href="{$smarty.const.LOGIN}">Entrar</a></li>
    <li><a href="{$smarty.const.CADASTRO}">Cadastrar</a></li>
{/if}     
     
    </ul>
   </nav>
  </header>